<template>
	<li class="structureTree-wrapper">
		<div :class="{bold: bolder}">
			<i @click="toggle" class="own" :class="iconClasses"></i>
			<span @click="obtainTree(model)" :class="{pointer:isPointer,highlight:highlight}">{{ model.name }}</span>
			<i @click="removeCurrent(model)" class="fa fa-minus" v-if="showRemove"></i>
			<i @click="operateChild('新增',model)" class="fa fa-plus" v-if="showAdd"></i>
			<i @click="operateChild('修改',model)" class="fa fa-pencil" v-if="showEdit"></i>
		</div>
		<ul class="menu-tree" v-show="open">
			<operational-tree class="item" v-for="(item,index) in model.children" :key='index' :options="options" :model="item" @accessthetree="emitTree" @remove="emitRemove" :removebtn="showRemove" :addbtn="showAdd" :editbtn="showEdit" :pointer="pointer" @child="childEidt">
			</operational-tree>
		</ul>
	</li>
</template>

<script src="./structureTree.js"></script>

<style scoped>
	@import "structureTree.css";
</style>
